<template>
	<view>
		<!--  -->
		<view class="icon_box">
			<image class="icon_img" :src="image"></image>
			<view class="car_num">1</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:'ZnBackIcon',
		props:{
			image:{
				type: String,
				default: ""
			},
			iconwidth:{
				type: [Number,String],
				default: ""
			},
			iconheight:{
				type: [Number,String],
				default: ""
			}
		}
	}
</script>

<style>
	.icon_box{
		/* background-color: #000000; */
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	.car_num{
		width: 32upx;
		height: 32upx;
		/* text-align: center; */
		display: flex;
		justify-content: center;
		align-items:center;
		background: #FF4E2F;
		position: absolute;
		top: -6upx;
		right: -16upx;
		border-radius: 50%;
		
		font-size: 24upx;
		font-family: DINAlternate-Bold, DINAlternate;
		font-weight: bold;
		color: #FFFFFF;
		line-height: 28upx;
		
		box-sizing: border-box;
	}
	.icon_img{
		width: 48upx;
		height: 52upx;
	}
</style>
